<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>详细信息</title>
	<style>
		p.outset {border-style:outset;}
		*{
			padding: 0;
			margin: 0;
			border-color:maroon
		}
		.container{
			width:100vw;
			height:100vh;
			background-color: bisque;
			display: grid;
			grid-template-rows:100px repeat(3,1fr);
			grid-template-columns:200px 200px 200px repeat(2,1fr)200px ;
		}
		.item{
			border: 1px solid#F0FFFF;
			box-sizing: border-box;
			display: flex;
			background: url(img/15645.jpg);
			
		}
		.one{
			grid-row:span 4;
			
		}
		.two{
			grid-column:span 4;
			align-items: center;
			justify-content: center;
		}
		.three{
			grid-area:span 2 / span 2;
			background: url(img/OIP-C.jpg);
			background-size: 100% 100%;
		}
		.four{
			grid-area:span 2 / span 2;
			style="font-family: '新宋体';font-size: 40px;
			
		}
		.five{
			grid-area:span 4 / span 1;
						background-size: 100% 100%;
		}
		.six{
			grid-area:span 1 / span 4;
			background: url(img/R-C.jpg);
		}
	</style>
	</head>
	<body>
		<div class="container">
			<div class="item one"></div>
			<div class="item two"style="font-family: '新宋体';font-size: 40px;">详细信息</div>
			<!--<div class="item">3</div>-->
			<!--<div class="item">4</div>-->
			<!--<div class="item">5</div>-->
			<div class="item five"><a href="https://baike.baidu.com/item/%E9%AA%86%E9%A9%BC%E7%A5%A5%E5%AD%90/6046">
				<img src="img/下载.jpg"style="width: 100%;height: 90%;"/></a>
				<dt>点击查看详细内容</dt>
			</div>
			<!--<div class="item">7</div>-->
			<div class="item three"></div>
			<!--<div class="item">9</div>-->
			<div class="item four"style="font-family: '新宋体';font-size: 30px;"><dl>
				&nbsp;<dt>  &nbsp;</dt>
				<dt>&nbsp;名称：<u>&nbsp;&nbsp;&nbsp;骆驼祥子&nbsp;&nbsp;&nbsp;&nbsp;</u></dt>
				<dt>&nbsp;&nbsp;</dt>
				<dt>&nbsp;新旧程度：<u>&nbsp;九成新&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u></dt>
				<dt>&nbsp;&nbsp;</dt>
				<dt>&nbsp;价格：<u>&nbsp;&nbsp;&nbsp;32.99元&nbsp;&nbsp;&nbsp;&nbsp;</u></dt>
				<dt>&nbsp;&nbsp;&nbsp;</dt>
				<dt>&nbsp;作者：<u>&nbsp;&nbsp;&nbsp;老舍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u></dt>
				<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="outset"style="text-align: center;justify-content: center;">联系卖家:13257622399</p>
			</dt>
			</dl></div>
			<!--<div class="item">11</div>-->
			<!--<div class="item">12</div>-->
			<!--<div class="item">13</div>-->
			<!--<div class="item">14</div>-->
			<!--<div class="item">15</div>-->
			<!--<div class="item">16</div>-->
			<!--<div class="item">17</div>-->
			<!--<div class="item">18</div>-->
			<div class="item six">19</div>
			<!--<div class="item">20</div>-->
			<!--<div class="item">21</div>-->
			<!--<div class="item">22</div>-->
			<!--<div class="item">23</div>-->
			<!--<div class="item">24</div>-->
		</div>
	</body>
</html>
 